<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./public/admin/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./public/admin/bootstrap/css/bootstrap-responsive.min.css"/>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./public/admin/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="./public/admin/css/header.css"/>
		<link rel="stylesheet" type="text/css" href="./public/admin/css/footer.css"/>		
		
		<script src="./public/admin/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.all_name{
				display: inline-block;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				width: 210px;
			}
		</style>
	</head>
	<body>
		{{include file="VIEW_PATH/Common/header.php"}}
		
		<article>
			<script type="text/javascript">
$(function(){
	// 1.鼠标移入左右点击按钮显示,定时器停止和启动
     $("#box").hover(function(){
     	 $("#btn").fadeIn(500);
     	 clearInterval(timer);
     },function(){
     	 $("#btn").stop().fadeOut(500);
         timer = setInterval(run,2000);
     });

     // 2.自动轮播
     // 核心变量
     var num = 0;
     // 主函数
     function run(){
         num++;
         // 回流
         if(num==8){num=0;}
         // 当前图片显示，兄弟图片消失
         $("#box img").eq(num).fadeIn(300).siblings("img").fadeOut(300);
         // 当前小li背景变红，兄弟背景变灰
//       $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3e3e3e"});
     }
     // 定时器
     timer = setInterval(run,2000);

    // 3.手动挡
    $("#ul li").mouseover(function(){
    	// 获得序号，赋值给num
         num = $(this).index();
          // 当前图片显示，兄弟图片消失
         $("#box img").eq(num).fadeIn(300).siblings("img").stop().fadeOut(300);
         // 当前小li背景变红，兄弟背景变灰
         $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3e3e3e"});
    });

    // 4.左右点击
    var c = 0;
    $(".btn_left").click(function(){
 	    // 点击限制
        if(c==1){
           return;
        }
        c=1;
        setTimeout(function(){c=0;},2000);

        num--;
        // 回流
        if(num==-1){num=5;}
         // 当前图片显示，兄弟图片消失
         $("#box img").eq(num).fadeIn(300).siblings("img").stop().fadeOut(300);
         // 当前小li背景变红，兄弟背景变灰
         $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3e3e3e"});
    });
    $(".btn_right").click(function(){
        num++;
        // 回流
        if(num==6){
        	num=0;
        }
         // 当前图片显示，兄弟图片消失
         $("#box img").eq(num).fadeIn(300).siblings("img").stop().fadeOut(300);
         // 当前小li背景变红，兄弟背景变灰
         $("#ul li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3e3e3e"});
    });
})
</script>
			<div class="lunbo" id="box">
				<img src="./public/admin/images/b1.jpg"/>
				<img src="./public/admin/images/b2.jpg"/>
				<img src="./public/admin/images/b3.jpg"/>
				<img src="./public/admin/images/b4.jpg"/>
				<img src="./public/admin/images/b5.jpg"/>
				<img src="./public/admin/images/b6.jpg"/>
				<img src="./public/admin/images/b7.jpg"/>
				<img src="./public/admin/images/b8.jpg"/>
				<ul id="ul">
					<li><a href=""><img src="./public/admin/images/m1.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m2.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m3.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m4.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m5.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m6.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m7.jpg"/></a></li>
					<li><a href=""><img src="./public/admin/images/m8.jpg"/></a></li>
				</ul>
			</div>
			<div class="danpin">
				<div class="dp_top">
					<span >
						人气单品
					</span>
				</div>
				<div class="dp_cot">
					<ul>
						<li><a href=""><img src="./public/admin/images/dp_p2.jpg"/></a></li>
						{{foreach from="$danpinData" key='$k' value="$v" }}
						<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
						{{endforeach}}
						<li><a href=""><img src="./public/admin/images/dp_p2.jpg"/></a></li>						
					</ul>
					<a href=""><img src="./public/admin/images/banner2.jpg"/></a>
				</div>
			</div><!--end danpin-->
			
			<div class="youxuan">
				<div class="yx_top">
					<span >
						优选品牌
					</span>
				</div>
				<div class="yx_cot">
					<ul id="yx_ul1">
						<li><a href=""><img src="./public/admin/images/yx_p1.jpg"/></a></li>
						<li><a href=""><img src="./public/admin/images/brand1.jpg"/></a></li>
						<li><a href=""><img src="./public/admin/images/brand2.jpg"/></a></li>					
					</ul>
					<ul id='yx_ul2'>
						{{foreach from="$brandData" key='$k' value="$v" }}
						<li><a href=""><img src="{{$v['logo']}}"/ style="width:185px;height:86px"></a></li>
						{{endforeach}}
					</ul>
				</div>
			</div><!--end youxuan-->
			
			<div class="zuixin">
				<div class="zx_top">
					<span >
						最新速报
					</span>
				</div>
				<div class="zx_cot">
					<div class="zxp1">
						<a href=""><img src="./public/admin/images/zx_p1.jpg"/></a>
					</div>
					<div class="zxp2">					
					<ul>
						{{foreach from="$xinpinData" key='$k' value="$v" }}
						<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
						{{endforeach}}					
					</ul>						
					</div>
					<div class="zxp3">
						<a href=""><img src="./public/admin/images/zx_p3.jpg"/></a>
					</div>
					<a class="banner3" href=""><img src="./public/admin/images/banner3.jpg"/></a>
				</div>
			</div><!--end zuixin-->
			
			<div class="chaoliu">
				<div class="cl_top">
					<span >
						潮流上装
					</span>
					<a href="">MORE</a>
				</div>
				<div class="cl_cot">
					<div class="clp1">
						<img src="./public/admin/images/clsj_p1.jpg"/>
						<img src="./public/admin/images/clsj_p2.jpg"/>
						<ul>
					{{foreach from="$szCateData" key='$k' value="$v" }}
						<li><a href="{{U('Home/List/index',array('cid'=>$v['cid']))}}">{{$v['cname']}}</a></li>
					{{endforeach}}							
						</ul>
					</div>
					<div class="clp2">					
						<img src="./public/admin/images/clsj_p3.jpg"/>
						<img src="./public/admin/images/clsj_p4.jpg"/>
					</div>
					<div class="clp3">
						<ul>
							{{foreach from="$szGoodsData" key='$k' value="$v" }}
							<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
							{{endforeach}}	

						</ul>
					</div>
					<div class="clp4 ">
						<ul>
							{{foreach from="$szGoodsData" key='$k' value="$v" }}
							<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
							{{endforeach}}	
							
						</ul>											
					</div>
				</div>
			</div>
			<!--end chaoliushangzhuang-->
			
			<div class="chaoliu" >
				<div class="cl_top">
					<span >
						潮流下装
					</span>
					<a href="">MORE</a>
				</div>
				<div class="cl_cot">
					<div class="clp1">
						<img src="./public/admin/images/clxj_p1.jpg"/>
						<img src="./public/admin/images/clxj_p2.jpg"/>
						<ul>
							{{foreach from="$xzCateData" key='$k' value="$v" }}
								<li><a href="{{U('Home/List/index',array('cid'=>$v['cid']))}}">{{$v['cname']}}</a></li>
							{{endforeach}}	
						</ul>
					</div>
					<div class="clp2">					
						<img src="./public/admin/images/clxj_p3.jpg"/>
						<img src="./public/admin/images/clxj_p4.jpg"/>
					</div>
					<div class="clp3">
						<ul>
							{{foreach from="$xzGoodsData" key='$k' value="$v" }}
							<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
							{{endforeach}}	
						</ul>
					</div>
					<div class="clp4 ">
						<ul>
							{{foreach from="$xzGoodsData" key='$k' value="$v" }}
							<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
							{{endforeach}}	
						</ul>											
					</div>
				</div>
			</div>
			<!--end chaoliuxiazhuang-->
			
			<div class="chaoliu" >
				<div class="cl_top">
					<span >
						潮流鞋履
					</span>
					<a href="">MORE</a>
				</div>
				<div class="cl_cot">
					<div class="clp1">
						<img src="./public/admin/images/clshoe_p1.jpg"/>
						<img src="./public/admin/images/clshoe_p2.jpg"/>
						<ul>
							{{foreach from="$shoeCateData" key='$k' value="$v" }}
								<li><a href="{{U('Home/List/index',array('cid'=>$v['cid']))}}">{{$v['cname']}}</a></li>
							{{endforeach}}
						</ul>
					</div>
					<div class="clp2">					
						<img src="./public/admin/images/clshoe_p3.jpg"/>
						<img src="./public/admin/images/clshoe_p4.jpg"/>
					</div>
					<div class="clp3">
						<ul>
							{{foreach from="$shoeGoodsData" key='$k' value="$v" }}
							<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
							{{endforeach}}	
						</ul>
					</div>
					<div class="clp4 ">
						<ul>
							{{foreach from="$shoeGoodsData" key='$k' value="$v" }}
							<li><a href="{{U('Home/Content/index',array('gid'=>$v['gid']))}}"><img src="{{$v['pic']}}"/ style="width:185px;height:248px;"></a></li>
							{{endforeach}}	
						</ul>											
					</div>
				</div>
			</div>
			<!--end chaoliuxielv-->
			
			<!--<div class="chaoliu" >
				<div class="cl_top">
					<span >
						潮人配置
					</span>
					<a href="">MORE</a>
				</div>
				<div class="cl_cot">
					<div class="clp1">
						<img src="./public/admin/images/showman_p1.jpg"/>
						<img src="./public/admin/images/showman_p2.jpg"/>
						<ul>
							{{foreach from="$accCateData" key='$k' value="$v" }}
								<li><a href="{{U('Home/List/index',array('cid'=>$v['cid']))}}">{{$v['cname']}}</a></li>
							{{endforeach}}
						</ul>
					</div>
					<div class="clp2">					
						<img src="./public/admin/images/showman_p3.jpg"/>
						<img src="./public/admin/images/showman_p4.jpg"/>
					</div>
					<div class="clp3">
						<ul>
							<li><a href=""><img src="./public/admin/images/showman_p5.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p5.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p5.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p5.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p5.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p5.jpg"/></a></li>
						</ul>
					</div>
					<div class="clp4 ">
						<ul>
							<li><a href=""><img src="./public/admin/images/showman_p6.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p6.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p6.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p6.jpg"/></a></li>
							<li><a href=""><img src="./public/admin/images/showman_p6.jpg"/></a></li>
						</ul>											
					</div>
				</div>
			</div>-->
			<!--end chaorenpeizhi-->
			
			<div class="zxsj">
				<div class="cl_top">
					<span >
						最新上架
					</span>
					<a href="">MORE</a>
				</div>
				<div class="cl_cot">
					<ul>
						{{foreach from="$allData" key="$k" value="$v"}}
						<li><div class="">
							<img src="{{$v['pic']}}" style="width:222px;height:298px;"/ >
							<div class="">
								<a href="" class="all_name">{{$v['gname']}}</a>
								<p id="">¥{{$v['shopprice']}}.00</p>
							</div>
						</div>
						</li>
						{{endforeach}}
						
					</ul>
				</div>
			</div>
			<!--end zuixinshangjia-->
		</article>
		
		{{include file="VIEW_PATH/Common/footer.php"}}		
	</body>
</html>
